<template>
  <div id="page_8">
    <h2 class="app__title--second">4. 一个完整的项目还应包含的内容（包）</h2>
    <p>
      一个完整的项目除开cli安装 <a href="https://cn.vuejs.org/v2/guide/index.html" title="vue文档">vue</a> 外，一般还要有路由( <a target="__blank" href="https://router.vuejs.org/zh/" title="vue-router文档">vue-router</a> )，
      http请求工具( <a href="https://www.npmjs.com/package/axios" title="axios文档" target="__blank">axios</a> )，
      状态管理( <a href="https://vuex.vuejs.org/zh/" target="__blank" title="vuex文档">vuex</a> )等等
    </p>
    <p>上述这几个包基本上是绝大多数可前后端交互的vue项目所必备的，也即所谓的vue全家桶，除了这些，一般我们的项目也会使用一些成熟的UI组件包，目前比较火的有：</p>
    <ul>
      <li><a href="https://element.eleme.cn/#/zh-CN" target="__blank" title="ElementUI文档">ElementUI</a> - 一般用来开发企业级管理项目，包含大量的即插即用的常见组件，比如form表单、表格列表、图片轮播等</li>
      <li><a href="https://muse-ui.org/#/zh-CN" target="__blank" title="Muse-UI文档">Muse-UI</a> - 移动端的Material Design UI 组件库</li>
      <li>……</li>
    </ul>
    <p>除了这些基础的包之外，一般是根据项目需求选择合适的包即可</p>
    <p>可去 <a href="https://www.npmjs.com/" target="__blank">npm官网</a> 搜索你想使用的包</p>
  </div>
</template>

<script>
export default {
  name: "Page8",
  data() {
    return {
      desc: "4. 一个完整的项目还应包含的内容"
    }
  }
}
</script>

<style scoped>

</style>